{#{% load static %}#}
{#<!DOCTYPE html>#}
{#<html lang="en">#}
{#<head>#}
{#    <meta charset="UTF-8">#}
{#    <title>Title</title>#}
{#    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">#}
{#    <style>#}
{#        .account{#}
{#            width: 400px;#}
{#            margin: 0 auto;#}
{#        }#}
{#    </style>#}
{#</head>#}
{#<body>#}
{% extends 'app01/layout.html' %}
{% block content %}
    {% block style %}
        <style>
            .account {
                width: 400px;
                margin: 0 auto;
            }
        </style>
    {% endblock %}
    <div class="container account">
        <h1 style="text-align: center;">注册</h1>
        <form>
            {% for item in form %}
                {% if item.name == 'code' %}
                    <div class="form-group">
                        <label for="{{ item.id_for_label }}">{{ item.label }}</label>
                        <div class="clearfix">
                            <div class="col-md-7" style="padding-left: 0px">{{ item }}</div>
                            <div class="col-md-2">
                                <input type="button" class="btn btn-success" value="点击获取验证码">
                            </div>
                        </div>

                    </div>
                {% else %}
                    <div class="form-group">
                        <label for="{{ item.id_for_label }}">{{ item.label }}</label>
                        {{ item }}
                    </div>
                {% endif %}
            {% endfor %}
            <button type="submit" class="btn btn-primary">注册</button>
        </form>
    </div>
    {#    </body>#}

{% endblock %}
{#</html>#}